<template>
    <el-select  v-model="nation"  placeholder="请选择民族" :style="{width: '100%'}" filterable v-bind="$attrs" v-on="$listeners">
        <el-option v-for="(nation,index) in nations" :value="nation" :label="nation" :key="index"></el-option>
    </el-select>
</template>
<script>
    export default {
        name:"NationFormItem",
        props:["value"],
        data(){
            return{
                nations:["汉族", "蒙古族", "回族", "藏族", "维吾尔族", "苗族", "彝族", "壮族", "布依族", "朝鲜族", "满族", "侗族", "瑶族", "白族",
                    "土家族", "哈尼族", "哈萨克族", "傣族", "黎族", "傈僳族", "佤族", "畲族", "高山族", "拉祜族", "水族", "东乡族", "纳西族", "景颇族", "柯尔克孜族", "土族",
                    "达斡尔族", "仫佬族", "羌族", "布朗族", "撒拉族", "毛南族", "仡佬族", "锡伯族", "阿昌族", "普米族", "塔吉克族", "怒族", "乌孜别克族", "俄罗斯族", "鄂温克族",
                    "德昂族", "保安族", "裕固族", "京族", "塔塔尔族", "独龙族", "鄂伦春族", "赫哲族", "门巴族", "珞巴族", "基诺族","其他"],
            }
        },
        computed:{
            nation:{
                get(){
                    return this.value
                },
                set(v){
                    this.$emit("input",v)
                }
            }
        }
    }
</script>